/** Add css rules here for your application. */


a.anchor{
	text-decoration: none !important;
}

.header-label{
	font: bold 30px Arial;
  	color: white;
  	text-align: left;
}

.version-label{
	font: bold 20px Arial;
	font-size: 1.0vw;
  	color: rgb(218,218,218);
  	text-align: left;
}

.blue-button {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background-color:#79bbff;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	margin-right: 24px;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:30px;
	line-height:30px;
	width:60px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #528ecc;
	cursor: pointer;
}

.continueButton{
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background-color:#79bbff;
	
	/** Round Edges */
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	
	text-indent:0;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:25px;
	font-weight:bold;
	font-style:normal;
	height:50%;
	line-height:150%;
	width:50%;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #528ecc;
	cursor: pointer;
}

.home-button:active {
	position:relative;
	top:1px;
}

.root-panel{
	background-color:rgb(60,60,60);
}

.main-panel{
	background-color:rgb(60,60,60);
}

.nav-panel{
	background-color:rgb(255,180,0);
	width: 100%;
	height: 100%;
}

.nav-label{
	font: normal 20px Arial;
	height: 50px;
	vertical-align: middle;
	padding-top: 30px;
}

.footer-panel{
	background-color:rgb(59,59,59);

}

.footer-label{
	color:rgb(200,200,200);
    text-align: right;
    background-color:rgb(25,25,25);
    margin-top: 4px;
}

.tile-panel{
	background-color:rgb(64,64,64);
	padding-top: 25px;
    padding-bottom: 25px;
    padding-right: 25px;
    padding-left: 25px;
}

.child-tile-panel{
	background-color:rgb(64,64,64);
}

.tile{
	 width: 200px;
	 height: 110px;
     color: rgb(170,170,170); 
     background-color:rgb(245,245,245);
     display: inline-block;
 	 margin-left: 12px;
 	 margin-top: 12px;
}

.tile-header-label{
	font: bold 20px Arial;
	color: black;
	text-align: center;
	padding-bottom: 6px;
	background-color:rgb(163,163,163);
}

.shortcut-label{
	font: bold 18px "Courier New", Courier, monospace;
	color: rgb(45,45,45);
	text-align: center;
	padding-top: 24px;
}

.tile-divider{
	background-color:rgb(225,225,225);
	width: 100%;
	height: 3px;
}

.home-page-main-container-panel{
	background-color:rgb(60,60,60);
}

.home-page-first-row-panel{
	background-color:rgb(60,60,60);
}

.home-page-second-row-panel{
	background-color:rgb(60,60,60);
}

.shortcuts-tile{
	margin: 0 auto;
	background-color:rgb(226, 106, 106);
	width: 49%;
	height: 100%;
	cursor: pointer;
}

.shortcuts-tile-label{
	font: bold 30px Arial;
	font-size: 2.0vw;
	color: white;
	text-align: center;
	background-color:rgb(246, 71, 71);
	width: 33%;
	border: 0;
	cursor: pointer;
	
}

.wiki-tile{
	background-color:rgb(197, 239, 247);
	width: 49%;
	height: 100%;
	cursor: pointer;
}

.wiki-tile-label{
	font: bold 30px Arial;
	font-size: 2.0vw;
	color: white;
	text-align: center;
	background-color:rgb(25, 181, 254);
	width: 33%;
	border: 0;
	cursor: pointer;
}

.magazine-tile{
	background-color:rgb(190, 144, 212);
	width: 32%;
	height: 100%;
	cursor: pointer;
}

.magazine-tile-label{
	font: bold 30px Arial;
	font-size: 2.0vw;
	color: white;
	text-align: center;
	background-color:rgb(103, 65, 114);
	width: 32%;
	border: 0;
	cursor: pointer;
}

.open-movies-tile{
	background-color:rgb(244, 179, 80);
	width: 33%;
	height: 100%;
	cursor: pointer;
}

.open-movies-tile-label{
	font: bold 30px Arial;
	font-size: 2.0vw;
	color: white;
	text-align: center;
	background-color:rgb(243, 156, 18);
	width: 33%;
	border: 0;
	cursor: pointer;
}

.best-websites-tile{
	background-color:rgb(102, 204, 153);
	width: 32%;
	height: 100%;
	cursor: pointer;
}

.best-websites-tile-label{
	font: bold 30px Arial;
	font-size: 2.0vw;
	color: white;
	text-align: center;
	background-color:rgb(27, 188, 155);
	width: 32%;
	border: 0;
	cursor: pointer;
}

.best-websites-nav-label{
	font: bold 15px Arial;
	text-align: center;
}

.best-websites-nav-panel{
	margin-top: 3px;
	border-bottom: 1px solid rgb(255, 226, 156);
}

.best-websites-nav-image-label{
	margin-left: 14px;
    margin-right: auto;
    
}

.blender-art-license-label{
	font-size: 14px;
	color: white;
	word-wrap: break-word;
	width: 90%;
}